<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
	<base href="<%=basePath%>">
	<meta charset="utf-8" />
	<title></title>
	<meta name="description" content="overview & stats" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link href="static/css/bootstrap.min.css" rel="stylesheet" />
	<link rel="stylesheet" href="static/css/bootstrap.min.css" />
	<link rel="stylesheet" href="static/css/bootstrap-responsive.min.css" />
	<link rel="stylesheet" href="static/css/font-awesome.min.css" />
	<link rel="stylesheet" href="static/css/chosen.css" />
	<link rel="stylesheet" href="static/css/ace.min.css" />
	<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
	<link rel="stylesheet" href="static/css/ace-skins.min.css" />
	<link rel="stylesheet" href="static/css/date/bootstrap-datetimepicker.css" /><!-- 日期框 -->
	<link rel="stylesheet" href="static/css/date/bootstrap-datetimepicker.min.css" /><!-- 日期框 -->
		
	<script type="text/javascript">
		//保存
		function save(){
			$("#weixinPomotionForm").submit();
			$("#centerOfMainFrame").hide();
			$("#centerOfMainFrame2").show();
		}
		
		function delP(pic_url,msg_id){
			alert(pic_url);
			 if(confirm("确定要删除图片？")){
				$.ajax({
					type : "POST",
					url : "weixinmsg/deltp/" + pic_url + "/" + msg_id + ".json",
					contentType:"application/json",  //发送至服务器的类型
					dataType : "json",     //预期服务器返回类型
					success: function(data){
						if(data.string=="success"){
							alert("删除成功!");
							document.location.reload();
						}
					}
				})
			} 
		}
	</script>
	</head>
<body>
	<form action="weixinmsg/editWeixinPomotionMsg.do" name="weixinPomotionForm" id="weixinPomotionForm" method="post" enctype="multipart/form-data">
		<input type="hidden" name="msg_id" id="msg_id" value="${pageData.id }"/>
		<div id="centerOfMainFrame">
			<table id="table_report" class="table table-striped table-bordered table-hover">
				<c:if test="${pageData.msg_type=='2'}">
				<tr>
					<td>消息标题:</td>
					<td>
						<input type="text" style="width:95%;" name="articles_title" id="articles_title" placeholder="这里输入标题" title="标题" value="${pageData.articles_title }"/>
					</td>
				</tr>
				</c:if>
				<tr>
					<td>消息内容:</td>
					<td>
						<textarea style="width:93%;height:300px" name="content" id="content" >${pageData.content }</textarea>
					</td>
				</tr>
				<c:if test="${pageData.msg_type=='2'}">
				<tr>
					<td>消息跳转链接:</td>
					<td><input type="text" style="width:95%;" name="link_url" id="link_url" placeholder="这里输入消息跳转链接" title="消息跳转链接" value="${pageData.link_url }"/></td>
				</tr>
				<tr>
				<td>消息图片:</td>
				<td>
					<c:if test="${pageData == null || pageData.pic_url == '' || pageData.pic_url == null }">
						<input type="file" id="pic_url" name="pic_url"/>
					</c:if>
					<c:if test="${pageData != null && pageData.pic_url != '' && pageData.pic_url != null }">
						<a href="http://chatapp3.oss-cn-hangzhou.aliyuncs.com/${pageData.pic_url}" target="_blank"><img src="http://chatapp3.oss-cn-hangzhou.aliyuncs.com/${pageData.pic_url}" width="50"/></a>
						<input type="button" class="btn btn-mini btn-danger" value="删除" onclick="delP('${pageData.pic_url}','${pageData.id }');" />
						<input type="hidden" name="pic_urlhidden" id="pic_urlhidden" value="${pageData.pic_url }"/>
					</c:if>
				</td>
				</tr>
				</c:if>
				<tr>
					<td>消息状态:</td>
					<td>
						<select class="chzn-select" name="msg_status" id="msg_status" data-placeholder="请选择消息状态" style="vertical-align:top;width: 120px;">
							<option value="1" <c:if test="${pageData.msg_status=='1'}">selected</c:if>>有效</option>
							<option value="0" <c:if test="${pageData.msg_status=='0'}">selected</c:if>>无效</option>
					  	</select>
					</td>
				</tr>
				<tr>
					<td>消息类型:</td>
					<td>
						<select class="chzn-select" name="msg_type" id="msg_type" data-placeholder="请选择成员类型" style="vertical-align:top;width: 120px;" disabled="disabled">
							<option value="1" <c:if test="${pageData.msg_type=='1'}">selected</c:if>>文本</option>
							<option value="2" <c:if test="${pageData.msg_type=='2'}">selected</c:if>>图文</option>
					  	</select>
					</td>
				</tr>
				<tr>
					<td class="center" colspan="2">
						<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
						<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
					</td>
				</tr>
			</table>
		</div>
		<div id="centerOfMainFrame2" class="center" style="display:none"><br/><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green">提交中...</h4></div>
	</form>
	
	<!-- 引入 -->
	<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
	<script type="text/javascript" src="static/js/date/jquery-1.8.3.min.js" charset="UTF-8"></script>
	<script type="text/javascript" src="static/js/jquery.tips.js"></script>
	<script type="text/javascript" src="static/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="static/js/ace.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script>
	<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="static/js/date/bootstrap-datetimepicker.js" charset="UTF-8"></script>
	<script type="text/javascript" src="static/js/date/bootstrap-datetimepicker.zh-CN.js"></script><!-- 日期框 -->
	<script type="text/javascript">
	$(top.hangge());
	$(function() {
		//单选框
		$(".chzn-select").chosen(); 
		$(".chzn-select-deselect").chosen({allow_single_deselect:true}); 
	});
	
	//上传
	$('#pic_url').ace_file_input({
		no_file:'请选择图片 ...',
		btn_choose:'选择',
		btn_change:'更改',
		droppable:false,
		onchange:null,
		thumbnail:false //| true | large
		//whitelist:'gif|png|jpg|jpeg'
		//blacklist:'exe|php'
		//onchange:''
		//
	});
	</script>
</body>
</html>